<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title> 分享好友  - frm</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />

<style>

html,body {
    color: #333;
    margin: 0;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #000;
}

a, label, button, input, select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
    border: 0;
}

body {
    background: #feda9e;
    color: #666;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #08acee;
}

button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

.divHeight {
    width: 100%;
    height: 10px;
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}

.r-line {
    position: relative;
}

.r-line:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #D9D9D9;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.b-line {
    position: relative;
}

.b-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    position: relative;
}

.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333;
}




.aui-flexView {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.aui-scrollView {
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.aui-navBar {
    height: 44px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 555;
    background: #fefefe;
}

.aui-navBar-item {
    height: 44px;
    min-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 0.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    color: #808080;
    position: relative;
}

.aui-navBar-item:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: -25%;
    font-size: 0.9rem;
    font-weight: bold;
}

.aui-navBar-item:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.aui-center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    width: 50%;
    margin-left: 25%;
}

.aui-center-title {
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    font-size: 0.95rem;
    color: #000;
    font-weight: bold;
}

.icon {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    background-size: 20px;
    background-repeat: no-repeat;
}

.icon-return {
    background-image: url("");
}

.m-slider {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

.slider-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    z-index: 1;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.slider-item {
    width: 100%;
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #f6f6f6;
}

.slider-item img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.slider-pagination {
    text-align: right;
    position: absolute;
    width: 100%;
    z-index: 2;
    right: 0;
    bottom: 10px;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider-pagination > .slider-pagination-item {
    margin: 0 .25rem;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background-color: rgba(255,255,255,0.4);
}

.slider-pagination > .slider-pagination-item.slider-pagination-item-active {
    background-color: #fff;
    border-radius: 100%;
}

.aui-palace {
    padding: 0.5rem 0;
    position: relative;
    overflow: hidden;
}

.aui-palace-grid {
    position: relative;
    float: left;
    padding: 1px;
    width: 20%;
    box-sizing: border-box;
    margin: 5px 0;
}

.aui-palace-grid-icon {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.aui-palace-grid-icon img {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

.aui-palace-grid-text {
    display: block;
    text-align: center;
    color: #333;
    font-size: 0.85rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 0.2rem;
}

.aui-palace-grid-text h2 {
    font-size: 0.8rem;
    font-weight: normal;
    color: #666666;
}

.aui-invitation-head {
    width: 100%;
    position: relative;
}

.aui-invitation-head .aui-invitation-ad {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.aui-flex-color {
    background-color: rgba(0,0,0,0.2);
    border-radius: 50px;
    padding: 3px 1px;
    position: absolute;
    left: 1rem;
    top: 1rem;
    width: 78%;
}

.box {
    height: 25px;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.t_news {
    height: 25px;
    color: #fff;
    overflow: hidden;
    position: relative
}

.t_news b {
    line-height: 25px;
    font-weight: 700;
    display: inline-block
}

.news_li,.swap {
    line-height: 25px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 5px
}

.news_li a,.swap a {
    color: #fff;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 0.85rem;
}

.news_li a em {
    font-style: normal;
}

.news_li li {
    color: #676767;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
    height: 25px;
    line-height: 25px;
}

.swap {
    top: 25px
}

.aui-news-img img {
    width: 25px;
    height: auto;
    display: block;
}

.swap li {
    color: #676767;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
    height: 25px;
    line-height: 25px;
}

.swap li a {
    color: #fff;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
    height: 25px;
    line-height: 25px;
}

.news_li a img {
    width: 25px;
    height: 25px;
    border: none;
    display: block;
    border-radius: 100%;
    float: left;
    margin-right: 0.3rem;
}

.swap li a img {
    width: 25px;
    height: 25px;
    border: none;
    display: block;
    border-radius: 100%;
    float: left;
    margin-right: 0.3rem;
}

.aui-invitation-content {
    background: #f3b755;
    height: auto;
    margin: 15px 15px 55px 15px;
    padding: 15px;
}

.aui-invitation-item {
    background: #fff;
    border-radius: 0.5rem;
    height: auto;
    padding: 1rem 0.8rem;
    margin-bottom: 15px;
}

.aui-invitation-useritem {
    background: #feda9e;
    border-radius: 0.5rem 0.5rem 20rem 20rem;
    height: auto;
    padding: 1rem 0.8rem;
    margin-bottom: 15px;
}

.aui-invitation-title h2 {
    text-align: center;
    font-size: 1.2rem;
    color: #e3a341;
    position: relative;
    font-family: "Apple SD Gothic Neo" ;
}
.aui-invitation-user_title h2 {
    text-align: center;
    font-size: 1.2rem;
	margin-top: 10px; 
	margin-bottom: 10px;
	
    color: #f3b755;
    position: relative;
    font-family: "Apple SD Gothic Neo" ;
}

.aui-invitation-title h2:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0.7rem;
    left: 18%;
    height: 3px;
    border-radius: 4px;
    width: 15%;
    background: -webkit-linear-gradient(left, #fdfcf8 , #ecbf6c);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fdfcf8 , #ecbf6c);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fdfcf8 , #ecbf6c);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fdfcf8 , #ecbf6c);

}

.aui-invitation-title h2:before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0.7rem;
    right: 18%;
    height: 3px;
    border-radius: 4px;
    width: 15%;
    background: -webkit-linear-gradient(left, #ecbf6c , #fdfcf8);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #ecbf6c , #fdfcf8);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #ecbf6c , #fdfcf8);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ecbf6c , #fdfcf8);

}

.aui-coupon-body {
    background-image: url("");
    background-size: 100%;
    margin: 1rem auto 0;
    width: 190px;
    padding: 28px 0 35px 0;
    position: relative;
    text-align: right;
}

.aui-coupon-body {
    background-repeat: no-repeat;
}

.aui-coupon-body h2 {
    padding-right: 28px;
    color: #fff;
    font-size: 2rem;
}

.aui-coupon-body h2 em {
    font-style: normal;
    font-size: 2.1rem;
}

.aui-coin-img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.aui-coin-img img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}


.aui-coin-userimg {
    width: 65px;
    height: 65px;
    margin: 10px auto;
}

.aui-coin-userimg img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}


.aui-coupon-text p {
    color: #a0a0a0;
    text-align: center;
    font-size: 0.9rem;
}

.aui-coupon-text span {
    color: #e2aa49;
    text-align: center;
    display: block;
    font-size: 0.9rem;
}



.aui-coupon-text-user p {
    color: #ff972a;
    text-align: center;
    font-size: 0.9rem;
}

.aui-coupon-text-user span {
	color: #feda9e;
    text-align: center;
    display: block;
    font-size: 0.9rem;
    background-color: rgb(243, 183, 85);
    border-radius: 50px;
    padding: 3px 1px;
	box-shadow: inset 0px 2px 10px 1px #ff9e00;
	
}



.aui-coupon-text-top {
    margin: 1rem 0;
}

.aui-invitation-item table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-radius: 0.9rem;
}

.aui-invitation-item table tr th {
    background: #ff7d4c;
    color: #fff;
    font-weight: normal;
    font-size: 0.9rem;
    padding: 8px 0;
}

.aui-invitation-item table tr td {
    color: #a7a5a6;
    font-weight: normal;
    font-size: 0.9rem;
    padding: 5px 0;
}

.aui-invitation-table {
    border-radius: 0.5rem;
    overflow: hidden;
}

table tr {
    background-color: #f8f8f8;
}

table tr:nth-child(2n+1) {
    background-color: #ffeee7;
}

.m-actionsheet {
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #EFEFF4;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.mask-black {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    z-index: 500;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 998;
}

.actionsheet-action {
    display: block;
    margin-top: .15rem;
    font-size: 0.28rem;
    color: #555;
    height: 1rem;
    line-height: 1rem;
    background-color: #FFF;
}

.m-actionsheet {
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10005;
    background-color: #ffffff;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.actionsheet-toggle {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.actionsheet-item {
    display: block;
    position: relative;
    font-size: 0.85rem;
    color: #555;
    height: 2rem;
    line-height: 2rem;
    background-color: #FFF;
}

.actionsheet-item {
    display: block;
    position: relative;
    font-size: 0.85rem;
    color: #555;
    height: 2rem;
    line-height: 2rem;
    background-color: #FFF;
}

.aui-coll-cancel a {
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    background: #f9f9f9;
    display: block;
    text-align: center;
    width: 100%;
}

.aui-coll-share-img {
    width: 38px;
    height: 38px;
    margin: 0 auto;
}

.aui-coll-share-img img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.aui-coll-share-box {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
}

.aui-coll-cancel a {
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    background: #f9f9f9;
    display: block;
    text-align: center;
    width: 100%;
}

.aui-coll-share-item {
    position: relative;
    float: left;
    padding: 8px 10px;
    width: 33.333%;
    box-sizing: border-box;
    font-size: 12px;
    height: 85px;
}

.aui-rule {
    position: absolute;
    right: 0;
    top: 1rem;
    background: #54ca9a;
    border-radius: 50px 0 0 50px;
    font-size: 0.8rem;
    padding: 0.2rem 0.6rem;
    color: #fff;
}

.aui-footer {
    width: 100%;
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
	
	
	
}

.aui-tabBar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #979797;
/*    background: -webkit-linear-gradient(left top, #f370af , #5515ee);
    background: -o-linear-gradient(bottom right, #f370af , #5515ee);
    background: -moz-linear-gradient(bottom right, #f370af , #5515ee);
    background: linear-gradient(to bottom right, #f370af , #5515ee);
    background-color: #f370af;
	
	*/
    padding: 0.7rem 0;
}





.aui-tabBar-item-text {
    display: inline-block;
    font-size: 1rem;
    color: #fade8a;
    padding-top: 2px;
}

.aui-tabBar-item-active .aui-tabBar-item-text {
    color: #fd8926;
}

.aui-footer-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 49;
}







.aui-footer {
    width: 100%;
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #da5030;
	    background: linear-gradient(to bottom, #a241cf, #bb4fc6);
}

.aui-tabBar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    font-weight:bold;
    padding:0.8rem 0;
}

.aui-tabBar-item-text {
    display: inline-block;
    font-size: 0.65rem;
    color: #fff;
    padding-top: 2px;
}

.aui-tabBar-item-active .aui-tabBar-item-text {
    color: #fa9829;
}



.aui-footer-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 49;
}


.aui-tabBar-item-one{
    background:#5f1bea ;
}
.aui-tabBar-item-two{
    position:relative;
}

.aui-tabBar-item-two:after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 10px;
    right: 0;
    height: 50%;
    border-right: 2px solid #9c40b1;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.aui-hot-icon{
	position: absolute;
    right: 3px;
    top: 0px;
    width: 30px;
}

.aui-hot-icon img{
    width:30px;
    display:block;
    border:none;
}

.aui-tabBar-item-three{
    position:relative;
}

.aui-tabBar-item-three .aui-hot-icon{
    right:15px;
    top:10px;
    width:20px;
}

.aui-tabBar-item-three .aui-hot-icon img{
    width:20px;
}


</style>


</head>
<body>

<section class="aui-flexView">

	<section class="aui-scrollView">
		<div class="aui-invitation-head">
			<img src=""  class="aui-invitation-ad">
			<div class="aui-flex aui-flex-color">
				<div class="aui-flex-box">
					<div class="box">
						<div class="t_news">
							<ul class="news_li"  id="Withdrawals_record_list" >

							
		<!--	
								<li>
									<a><img src="https://i.loli.net/2019/05/13/5cd96a928b83b56543.png">4123现金红包8888元</a>
								</li>
								-->

							</ul>
							<ul class="swap"></ul>
						</div>
					</div>
				</div>
			</div>

		</div>
		<div class="aui-invitation-content">
		
			<div class="aui-invitation-useritem">

				<div class="aui-coupon-text-user">
					<span>团队成员 <b id="Team_members"> - - - </b> 人  累计提现 <b id="user_Total_Commission"> - - - </b> 元</span>  
				
				</div>
				<div class="aui-invitation-user_title" > 
				<h2  id="user_username">  - - - </h2>               

				</div>	
				
								
                     <span  tapmode onclick="erweima()"   style="position: absolute; right: 20%; /* top: 0px; */ /* width: 20px; */ color: #f3b755; text-align: center; display: block; font-size: 0.7rem;">
					专属二维码					<img style="width: 20px; display: block; border: none;" src="">
					 </span>
					
				
				<div class="aui-coin-userimg" id="headimgurl">
				   	<img style="width: 65px; height: 65px;  border-radius: 100%; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);" src="">
				
				
			</div>


					
			</div>		
		
		
		
			<div class="aui-invitation-item">
				<div class="aui-invitation-title">
					<h2>NO.1 重礼</h2>
				</div>
				<div class="aui-coupon-body">
					<h2  id="Registered_Gift_Time" > - - -   <span style="font-size: 0.8rem;margin-left: 10px;">Min</span></h2>
				</div>
				<div class="aui-coupon-text">
					<p>赠送被邀请者全网VIP影视特权</p>
					<span>即时生效</span>
				</div>
			</div>
			
			<div class="aui-invitation-item">
				<div class="aui-invitation-title">
					<h2>NO.2 重礼</h2>
				</div>
				<div class="aui-coin-img">
					<img src="">
				</div>
				<div class="aui-coupon-text">  
					<p>积分奖励<span id="Invitation_points"> - - - </span></p>
					
				</div>
			</div>
			
			
			
			<div class="aui-invitation-item">
				<div class="aui-invitation-title">
					<h2>代理特权</h2>
				</div>
				<div class="aui-coin-img">
					<img src="">
				</div>
				<div class="aui-coupon-text">
					<p>团队成员可为邀请人提供两级</p>
					<span id="Commission_Ratio_Percentage"> - - - %的佣金奖励</span>
				</div>
			</div>
			<div class="aui-invitation-item">
				<div class="aui-invitation-title">
					<h2>帮助</h2>
				</div>
				<div class="aui-coupon-text aui-coupon-text-top" >
				<p id="app_share_help"></p>
				<!--	<p>成功邀请好友注册并升级VIP,您可以获得 <b >- - - </b>% (奖励) ,您朋友邀请的好友您也可以获得 <b >- - - </b>% (奖励),上不封顶！</p><br>
					<p>可以复制连接 或 二维码 发送到QQ群 朋友圈快速积累团队成员</p>   -->
				</div>
			<!--	<div class="aui-invitation-table">
					<table >
						<tr>
							<th>用户</th>
							<th>团队成员</th>
						</tr>
						<tr>
							<td>邀请1人</td>
							<td >1个订单</td>
						</tr>
						<tr>
							<td>邀请2人</td>
							<td>3个订单</td>
						</tr>
						<tr>
							<td>邀请5人</td>
							<td>5个订单</td>
						</tr>
						<tr>
							<td>邀请6人</td>
							<td>6个订单</td>
						</tr>
						<tr>
							<td>邀请8人</td>
							<td>8个订单</td>
						</tr>
						<tr>
							<td>邀请9人</td>
							<td>9个订单</td>
						</tr>
						<tr>
							<td>邀请12人</td>
							<td>12个订单</td>
						</tr>
						<tr>
							<td>邀请14人</td>
							<td>14个订单</td>
						</tr>
						<tr>
							<td>邀请15人</td>
							<td>15个订单</td>
						</tr>
						<tr>
							<td>邀请22人</td>
							<td>22个订单</td>
						</tr>
					</table>
				</div>  -->
			</div>
		</div>

	</section>
	

	<!--
	<footer class="aui-footer aui-footer-fixed" data-ydui-actionsheet="{target:'#actionSheet',closeElement:'#cancel'}" >
		<a href="javascript:;" class="aui-tabBar-item">
			<span class="aui-tabBar-item-text">邀请好友</span> 
		</a>
	</footer>
	
	-->
	
<footer class="aui-footer aui-footer-fixed">
                <a  tapmode="active" onclick="copySet()" class="aui-tabBar-item aui-tabBar-item-one">
                    <span class="aui-tabBar-item-text">复制邀请连接</span>
                </a>

                <a  onclick="toshare_poster()" class="aui-tabBar-item aui-tabBar-item-two"> 
                    <span class="aui-tabBar-item-text">邀请海报</span>
                    <span class="aui-hot-icon">
                        <img src="">
                    </span>
                </a>
            <!--    <a  tapmode onclick="shareimage()" class="aui-tabBar-item aui-tabBar-item-three ">-->
                <a  tapmode onclick="sharetext()" class="aui-tabBar-item aui-tabBar-item-three ">
                    <span class="aui-tabBar-item-text">分享链接</span>
                    <span class="aui-hot-icon">
                        <img src="">
                    </span>
                </a>
            </footer>
	
	
	
	
	
	
</section>

</body>



<!--


<!DOCTYPE HTML>
<html style="font-size: 50px;">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../css/myui.css" />
</head>
<body style="background-color:#fffae4">
  <div class="">
    <img src="../image/share_bg.png" alt="" width="100%">
  </div>
  <div class="sp-content">

    <div class="bigImg">
      <div class="getVip">
        <button onclick="erweima()">获取二维码</button>
        <button onclick="copySet()">复制邀请链接</button>
      </div>
    </div>

    <div class="rule">
    		<h3>
    		<p>
    			活动规则
    		</p>
    		</h3>
    		<ul>
    			<li>在本页面复制邀请链接或二维码发送给微信或QQ好友</li>
    			<li>好友使用链接后您将获得对应积分（在我的-积分兑换里可随时查看积分余额）</li>
    			<li>在获取积分后您可以在APP积分页面兑换影视全网VIP</li>
    		</ul>
    	</div>
  </div>

</body> 
-->

<script type="text/javascript" src="../Ryanjs/frame0/jquery.min.js"></script>


<script type="text/javascript" src="../script/api.js" ></script>
<script type="text/javascript" src="../script/doT.js"></script>
<script type="text/javascript">
  var api_url = localStorage.getItem('api_url');
  var dwzapi = '';
  var host = '';

  apiready = function(){
  
    api.parseTapmode();
	
		
	/*	
				api.showProgress({
				    title: '正在加载',
				    text: '请稍等',
				    modal: false
				});
				
 	*/
 
 
 	
												if (localStorage.getItem('userlogo_Cache') !== '' && localStorage.getItem('userlogo_Cache') !== null){			//  如果头像不为空	  
																		
													headimgurl.innerHTML = '<img style="width: 65px; height: 65px;  border-radius: 100%; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);" src="data:image/png;base64,'+localStorage.getItem('userlogo_Cache')+'">' ;			
													
												}else {	
													if (localStorage.getItem('headimgurl') !== ''){			//  如果头像不为空
																
															headimgurl.innerHTML = '<img style="width: 65px; height: 65px;  border-radius: 100%; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);" src="'+localStorage.getItem('headimgurl')+'">' ;					
													}
												}		
														
 
	share();  //获取数据
	
	
	
	
											// 网络状态
								api.addEventListener({
									name:'offline'
								}, function(ret, err){        

									api.toast({
									msg : '网络连接异常',
									duration : 5000,
									location : 'middle' 
									});

									  

								});

								api.addEventListener({
									name:'online'
								}, function(ret, err){        
								
									  api.toast({
									  msg : '已经连接网络',
									  duration : 2000,
									  location : 'middle' 
									  });
										  
	share();  //获取数据
										  
								});		
	
	
	
	
	
	

  }








    function sharetext() {
	
	
    api.ajax({
        url: 'http://suo.im/api.htm?format=json&url='+dwzapi+'&key=5d79adb9b1a9c71d20af521e@13c666f4f75d74d90b6c11dc3201ee67&expireDate=2050-01-01',
        method: 'get'
    },function(ret, err){
        if (ret) { 

value = app_Invitation_slogans+'：'+ret.url;

        } else {
value = app_Invitation_slogans+'：'+dwzapi;

        }
    });


        var sharedModule = api.require('shareAction');
        sharedModule.share({
            text: value,
            type: 'text'
        });
    };

    function shareimage() {

        var sharedModule = api.require('shareAction');
		
		
		    api.download({
                url: 'http://qr.liantu.com/api.php?bg=ffffff&fg=5f1bea&gc=a241cf&text='+dwzapi,
                savePath: 'fs://PerfectNetService.jpeg',
                report: true,
                cache: true,
                allowResume: true
            }, function(ret, err) {
                if(ret){
				
				/*
                    api.toast({
                        msg:'分享二维码已经保存',
						duration: 1000,
						location : 'middle' 
                    })
				*/
					
                }
                api.saveMediaToAlbum({
                    path: 'fs://PerfectNetService.jpeg'
                }, function(ret, err) {
                    
                });
            });
		
		
		
    //    alert(sharedModule);
        sharedModule.share({
            images: ['fs://PerfectNetService.jpeg'],
            type: 'image',
            thumbnail: "fs://PerfectNetService.jpeg",
             contentSize: {
                w: 100,
                h: 100
            }
        });
    };






  function share(){
  

  
    api.ajax({
        url: api_url+'/login/login/share.html',
        method: 'get',
        data: {
            values: {
				key: 'ikmovie.xyz',   //安全码
                uid: localStorage.getItem('user_id')
            }
        }
    },function(ret, err){
        if (ret) {
		
       //   copy = ret.msg;
      //    shama = ret.share;


	 		dwzapi = ret.dwzapi;  //短网址
			host = ret.host;  //当前域名
			app_Invitation_slogans = ret.app_Invitation_slogans;  //邀请标语
		
			user_share_ma = ret.user_share_ma;  //邀请码
			
			Registered_Gift_Time.innerHTML = ret.Registered_Gift_Time+' <span style="font-size: 0.8rem;margin-left: 10px;">Min</span>';  //注册赠送时间
			Commission_Ratio_Percentage.innerHTML = ret.Commission_Ratio_Percentage+'%的佣金奖励';  //返佣比例
	//		Commission_Ratio_PercentageA.innerHTML = ret.Commission_Ratio_Percentage;  //返佣比例A
	//		Commission_Ratio_PercentageB.innerHTML = ret.Commission_Ratio_PercentageB;  //返佣比例B
	
	
	
													


			
			user_username.innerHTML = ret.user_username;  //用户名
			user_Total_Commission.innerHTML = ret.user_Total_Commission;  //已提现佣金
			Team_members.innerHTML = ret.Team_members;  //团队成员
			app_share_help.innerHTML = ret.app_share_help;  //APP帮助信息
			Invitation_points.innerHTML = ' 邀请人可以获得'+ret.Invitation_points+' 积分';  //邀请赠送积分 
			
			
			
			
			//提现列表
			var Withdrawals_record_frm = $api.byId('Withdrawals_record_list');//提现记录列表
			Withdrawals_record_data = ret.msg['Withdrawals_record_list'];
				

				
				for(var i=0;i<Withdrawals_record_data.length;i++){ 
				
						//处理手机号中间隐藏
						var tel = Withdrawals_record_data[i].nickname;
						tel = "" + tel;
						var reg=/(\d{3})\d{4}(\d{4})/;
						var tel1 = tel.replace(reg, "$1****$2");
					
												

				
				var html='	<li>	<a><img src="">'+tel1+' 已经成功提现 '+Withdrawals_record_data[i].jine+' 元</a> </li>';
					$api.append(Withdrawals_record_frm,html);
				}


            api.hideProgress();

        } else {
		
			api.hideProgress();
								
								
								
               api.toast({
                    msg: '信息获取失败',
                    duration: 2000,
					location : 'middle'   
                }); 

        }
    });


  }








//////////二维码//////////
  function erweima(){
  
  
    var dialogBox = api.require('dialogBox');
    dialogBox.webView({
        tapClose: false,
        path:  'http://qr.liantu.com/api.php?bg=ffffff&fg=5f1bea&gc=a241cf&text='+dwzapi,
        texts: {
            title: '专属邀请码：'+user_share_ma,
            leftBtnTitle: '关闭',
            rightBtnTitle: '保存相册'
        },
        styles: {
            bg: '#fff',
            corner: 5,
            w: 300,
            h: 380,
            title: {
                h: 44,
                size: 14,
                color: '#000'
            },
            upDividingLine: {
                width: 0.2,
                color: '#696969'
            },
            webView: {
                h: 300,
                bg: '#fff',
            },
            downDividingLine: {
                width: 0.2,
                color: '#696969'
            },
            left: {
                bg: 'rgba(0,0,0,0)',
                color: '#007FFF',
                size: 12
            },
            right: {
                bg: 'rgba(0,0,0,0)',
                color: '#007FFF',
                size: 12
            }
        }
    }, function(ret) {
        if (ret.eventType == 'left') {
            var dialogBox = api.require('dialogBox');
            dialogBox.close({
                dialogName: 'webView'
            });
        }else {
/*
          alert('请截屏后分享');
		  
		  */
		   var dialogBox = api.require('dialogBox');
            dialogBox.close({
                dialogName: 'webView'
            });
		  
			savePicture();   //保持图片
		   
        }
    });
  }
//////////二维码 //////////




function savePicture(){
            var timestamp = new Date().getTime()
            api.download({
				path: 'http://qr.liantu.com/api.php?bg=ffffff&fg=5f1bea&gc=a241cf&text='+dwzapi,
                savePath: 'fs://PerfectNetService.jpeg',
                report: true,
                cache: true,
                allowResume: true
            }, function(ret, err) {
                if(ret){
                    api.toast({
                        msg:'二维码已保存到相册',
						duration: 5000,
						location : 'middle' 
                    })
                }
                api.saveMediaToAlbum({
                    path: 'fs://PerfectNetService.jpeg'
                }, function(ret, err) {  
                    
                });
            });
        }
		
		
	  	
		
		



//////////复制分享链接 //////////

  function copySet(){
    api.ajax({
        url: 'http://suo.im/api.htm?format=json&url='+dwzapi+'&key=5d79adb9b1a9c71d20af521e@13c666f4f75d74d90b6c11dc3201ee67&expireDate=2050-01-01',
        method: 'get'
    },function(ret, err){
        if (ret) {
          var clipBoard = api.require('clipBoard');
          clipBoard.set({
              value: app_Invitation_slogans+'：'+ret.url,  
          }, function(ret, err) {
              if (ret) {
                 api.toast({
                    msg: '邀请连接已复制',
                    duration: 2000,
					location : 'middle' 
                }); 
								api.hideProgress();
              } else {
              }
          });
        } else {
          var clipBoard = api.require('clipBoard');
          clipBoard.set({
              value: app_Invitation_slogans+'：'+dwzapi
          }, function(ret, err) {
              if (ret) {
                 api.toast({
                    msg: '邀请连接已复制',
                    duration: 2000,
					location : 'middle' 
                }); 
								api.hideProgress();
              } else {

              }
          });

        }
    });
  }


//////////复制分享链接 //////////



  function openWin(name){
        var delay = 0;
        if(api.systemType != 'ios'){
            delay = 300;
        }
        api.openWin({
            name: ''+name+'',
            url: ''+name+'.html',
            bounces:false,
            delay: delay,
            slidBackEnabled:true,
            vScrollBarEnabled:false
        });
    }
	
	
	
	

		function Yield_rotation() {
			t = parseInt(x.css('top'));
			y.css('top', '25px');
			x.animate({
				top: t - 25 + 'px'
			}, 'slow');
			if (Math.abs(t) == h - 25) {
				y.animate({
					top: '0px'
				}, 'slow');
				z = x;
				x = y;
				y = z;
			}
			setTimeout(Yield_rotation, 5000);
		}
		$(document).ready(function() {
			$('.swap').html($('.news_li').html());
			x = $('.news_li');
			y = $('.swap');
			h = $('.news_li li').length * 25;
			setTimeout(Yield_rotation, 5000);
		})
	
	
	
	
	
	
	  
    
      function toshare_poster(){


        api.openWin({
            name: 'share_poster_win',
            url: 'share_poster_win.html', 
        });


			//打开页面时 关闭当前页
		api.addEventListener({
         name:'viewdisappear'
     },function(){
         api.closeWin({
              name:api.winName
         });
     });	
		
    }
	

</script>


</html>
